<script type="text/javascript">
dojo.require("dijit.form.FilteringSelect");
dojo.require("dijit.form.Form");
dojo.require("dojo.data.ItemFileReadStore");
{literal}
function actualizarDistritos(cReg) {
	var urlDistritosStore = baseUrl + "/jsonQuery/obtenerDistritos?cReg=" + cReg;
	var distritosStore = new dojo.data.ItemFileReadStore({url: urlDistritosStore});
	dijit.byId("distritos").store = distritosStore;
}

function actualizarGrupos(cDis) {
	var urlGruposStore = baseUrl + "/jsonQuery/obtenerGrupos?cDis=" + cDis;
	var gruposStore = new dojo.data.ItemFileReadStore({url: urlGruposStore});
	dijit.byId("grupos").store = gruposStore;
}
{/literal}
</script>

<form id="frmContactanos" action="{$baseUrl}/contactanos/enviar" dojoType="dijit.form.Form">
<div dojoType="dojo.data.ItemFileReadStore" jsId="regionesStore"
	url="{$this->baseUrl}/jsonQuery/obtenerRegiones"></div>
<div dojoType="dojo.data.ItemFileReadStore" jsId="unidadesStore"
	url="{$this->baseUrl}/jsonQuery/obtenerUnidades?cNiv=1"></div>
<table id="tblFormContactanos">
<tbody>
	{if !empty($user)}
	<tr>
		<th colspan="2">DE:</th>
	</tr>
	<tr>
		<th>Credencial:</th>
		<td>
			<input id="credencial2" name="credencial" type="text" size="7" maxlength="7" dojoType="dijit.form.ValidationTextBox"{literal} regExp="[1-2]\d{6}"{/literal} promptMessage="Introduzca una credencial v&aacute;lida" required="true" invalidMessage="Credencial Inv&aacute;lida" value="{$user->credencial|escape}" readonly="readonly" />
		</td>
	</tr>
	<tr>
		<th>Nombre:</th>
		<td>{$user->Nombre|escape}</td>
	</tr>
	<tr>
		<th>Correo Electr&oacute;nico:</th>
		<td>{$user->correo}</td>
	</tr>
	{foreach item=rol from=$user->roles}
	<tr><th>Cargo:</th><td>{$rol->Cargo|escape}</td></tr>
	<tr><th>Unidad:</th><td>{$rol->Unidad|escape}</td></tr>
	<tr><th>Regi&oacute;n:</th><td>{$rol->Region|escape}</td></tr>
	<tr><th>Distrito:</th><td>{$rol->Distrito|escape}</td></tr>
	<tr><th>Grupo:</th><td>{$rol->Grupo|escape}</td></tr>
	{foreachelse}
	<tr>
		<th><label for="unidades">Unidad:</label></th>
		<td><input id="unidades" name="unidades" store="unidadesStore"
			searchAttr="zUni" dojoType="dijit.form.FilteringSelect" /></td>
	</tr>
	<tr>
		<th><label for="regiones">Regi&oacute;n:</label></th>
		<td><input id="regiones" name="regiones" store="regionesStore"
			searchAttr="zReg" onchange="actualizarDistritos" dojoType="dijit.form.FilteringSelect" /></td>
	</tr>
	<tr>
		<th><label for="distritos">Distrito:</label></th>
		<td><input id="distritos" name="distritos" searchAttr="zDis" onchange="actualizarGrupos" dojoType="dijit.form.FilteringSelect" /></td>
	</tr>
	<tr>
		<th><label for="grupos">Grupo Scout:</label></th>
		<td><input id="grupos" name="grupos" searchAttr="zGru" dojoType="dijit.form.FilteringSelect" /></td>
	</tr>
	<tr>
		<th>Cargo:</th>
		<td><input id="cargo" name="cargo" type="text" dojoType="dijit.form.TextBox" maxlength="120" /></td>
	</tr>
	{/foreach}
	{else}
	<tr>
		<th colspan="2">DE:</th>
	</tr>
	<tr>
		<th>Credencial:</th>
		<td>
			<input id="credencial2" name="credencial" type="text" size="7" maxlength="7" dojoType="dijit.form.ValidationTextBox"{literal} regExp="[1-2]\d{6}"{/literal} promptMessage="Introduzca una credencial v&aacute;lida" required="true" invalidMessage="Credencial Inv&aacute;lida" value="{$user->credencial|escape}" />
		</td>
	</tr>
	<tr>
		<th>Nombre:</th>
		<td>
			<input id="nombre" name="nombre" type="text" dojoType="dijit.form.TextBox" required="true" maxlength="120"  />
		</td>
	</tr>
	<tr>
		<th>Correo Electr&oacute;nico:</th>
		<td>
			<input id="correo" name="correo" type="text" maxlength="50" required="true" regExp="{$regexpEmail}"
				dojoType="dijit.form.ValidationTextBox"
				invalidMessage="Direcci&oacute;n de correo electr&oacute;nico inv&aacute;lida"
    		/>
		</td>
	</tr>

	<tr>
		<th><label for="unidades">Unidad:</label></th>
		<td><input id="unidades" name="unidades" store="unidadesStore"
			searchAttr="zUni" dojoType="dijit.form.FilteringSelect" /></td>
	</tr>
	<tr>
		<th><label for="regiones">Regi&oacute;n:</label></th>
		<td><input id="regiones" name="regiones" store="regionesStore"
			searchAttr="zReg" onchange="actualizarDistritos" dojoType="dijit.form.FilteringSelect" /></td>
	</tr>
	<tr>
		<th><label for="distritos">Distrito:</label></th>
		<td><input id="distritos" name="distritos" searchAttr="zDis" onchange="actualizarGrupos" dojoType="dijit.form.FilteringSelect" /></td>
	</tr>
	<tr>
		<th><label for="grupos">Grupo Scout:</label></th>
		<td><input id="grupos" name="grupos" searchAttr="zGru" dojoType="dijit.form.FilteringSelect" /></td>
	</tr>
	<tr>
		<th>Cargo:</th>
		<td><input id="cargo" name="cargo" type="text" dojoType="dijit.form.TextBox" maxlength="120" /></td>
	</tr>
	{/if}
	<tr>
		<th>Asunto:</th>
		<td>
			<input id="asunto" name="asunto" type="text" size="120" maxlength="120" dojoType="dijit.form.TextBox" required="true" />
		</td>
	</tr>
	<tr>
		<th colspan="2">Contenido:</th>
	</tr>
	<tr>
		<td colspan="2">
			<input id="contenido" name="contenido" type="text" size="120" maxlength="120" dojoType="dijit.form.Textarea" required="true" />
		</td>
	</tr>
</tbody>
</table>
<table id="tblBotonera">
<tbody>
<tr>
	<td><input name="operacion" class="boton" id="btnEnviar"   type="submit" value="Enviar" /></td>
	<td><input name="operacion" class="boton" id="btnReset"    type="reset"  value="Reiniciar" /></td>
	<td><input name="operacion" class="boton" id="btnCancelar" type="button" value="Cancelar" /></td>
</tr>
</tbody>
</table>
</form>
